<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@taglib prefix="b" uri="/WEB-INF/tld/blank.tld" %>
<!-- content starts -->
            <div>
    <ul class="breadcrumb">
        <li>首页</li>
        <li>Dashborad</li>
    </ul>
</div>
<div class=" row">
    <div class="col-md-3 col-sm-3 col-xs-6">
        <a data-toggle="tooltip" title="项目列表" class="well top-block" href="#">
            <i class="glyphicon glyphicon-user blue"></i>

            <div>项目列表</div>
            <div>507</div>
            <span class="notification">6</span>
        </a>
    </div>

    <div class="col-md-3 col-sm-3 col-xs-6">
        <a data-toggle="tooltip" title="任务列表" class="well top-block" href="#">
            <i class="glyphicon glyphicon-star green"></i>

            <div>任务列表</div>
            <div>228</div>
            <span class="notification green">4</span>
        </a>
    </div>

    <div class="col-md-3 col-sm-3 col-xs-6">
        <a data-toggle="tooltip" title="问题列表" class="well top-block" href="#">
            <i class="glyphicon glyphicon-shopping-cart yellow"></i>

            <div>问题列表</div>
            <div>13320</div>
            <span class="notification yellow">34</span>
        </a>
    </div>

    <div class="col-md-3 col-sm-3 col-xs-6">
        <a data-toggle="tooltip" title="消息列表" class="well top-block" href="#">
            <i class="glyphicon glyphicon-envelope red"></i>

            <div>消息列表</div>
            <div>25</div>
            <span class="notification red">12</span>
        </a>
    </div>
</div>

<div class="row">
    <div class="box col-md-12">
        <div class="box-inner">
            <div class="box-header well">
                <h2><i class="glyphicon glyphicon-info-sign"></i> 平台公告</h2>

                <div class="box-icon">
                    <a href="#" class="btn btn-setting btn-round btn-default"><i
                            class="glyphicon glyphicon-cog"></i></a>
                    <a href="#" class="btn btn-minimize btn-round btn-default"><i
                            class="glyphicon glyphicon-chevron-up"></i></a>
                    <a href="#" class="btn btn-close btn-round btn-default"><i
                            class="glyphicon glyphicon-remove"></i></a>
                </div>
            </div>
            <div class="box-content row">
                <div class="col-lg-9 col-md-12">
                   <!--  <h1>Charisma <br> -->
                   	<h1>
                        <small>文化创意产业项目虚拟仿真实验教学中心</small>
                    </h1>
                    <p><b:blank num="2"/>文化创意产业项目虚拟仿真实验教学中心经过几年的不断努力，已建成了实验用房使用面积达1000余平方米的五个实验教学平台，
                    	拥有教学仪器设备210台（套、件），设备总值达600多万元。实验教学中心空间划分为五大功能区：三维空间虚拟仿真弧幕区；
                    	数字多媒体仿真设计与教学区；艺术项目虚拟研发及运营管理区；音频采集与虚拟制作区；影视创意虚拟制作区。</p>

                    <p><b:blank num="2"/>文化创意产业项目虚拟仿真实验教学中心上述五个实验教学功能区的有机协作和支持，设置了涵盖音乐艺术、综艺演出、非物质文化
                    	遗产保护与开发、影视艺术四大类的10余门虚拟仿真实验教学课程，给学生提供充足而多样的虚拟仿真实践实训机会。</p>
					<img src="/img/main_pic1.png">
					<p><b:blank num="2"/>各类课程在创意研发、公司运作、服务支撑、经营管理等不同阶段，根据教学需要可设置子项目进行专项模拟训练。</p>
					<p><b:blank num="2"/>学生团队从一个项目的研发到注册公司（执行实施）、运营管理，可以全过程、多方位、参与式地虚拟体验文化创意产业项目运作所
						需要的理念、知识、技能、团队协作以及关键环节、经验技巧。</p>
					<p><b:blank num="2"/>虚拟仿真实验实训功效：训练学生学用结合能力，边学边用，提升艺术创意思维、信息搜集与处理、团队协作与组织管理、解决现实
						问题等方面的方法和能力，丰富实战性经验。</p>
					<img src="/img/main_pic2.png">
					<p><b:blank num="2"/>同时，虚拟仿真实验教学中心还逐步向社会开放，为文化艺术企事业单位提供在职人员培训和文化产业项目设计支持。</p>
					<p><b:blank num="2"/>目前这一实验平台已完成了《天津五月音乐节节目创意设计》，《歌剧茶花女舞台美术设计》，《古韵新风 国乐雅集》——民族音乐文
						化讲解音乐会，大型系列纪录片《千年古县》、《家住北京》等片头三维动画设计等多个虚拟实现项目。【相关项目的教学场景及精
						彩片段】</p>
					<p><b:blank num="2"/>通过文化创意产业项目虚拟仿真实践实训，强化了学生学用结合能力，提升艺术创意思维、信息搜集与处理、团队协作与组织管理、解
						决现实问题等方面的能力，丰富实战性经验。实践表明，师生参与仿真性实验教学项目积极性高，投入精力多，教学收获大。几年来
						就是在这里，学生们完成一个又一个文化创意产业项目的策划方案，十余次在全国大学生“挑战杯”创业计划和全国大学生艺术项目创
						意策划等大型赛事上摘金夺银。</p>
                    <!-- <p class="center-block download-buttons">
                        <a href="http://usman.it/free-responsive-admin-template/" class="btn btn-primary btn-lg"><i
                                class="glyphicon glyphicon-chevron-left glyphicon-white"></i> Back to article</a>
                        <a href="http://usman.it/free-responsive-admin-template/" class="btn btn-default btn-lg"><i
                                class="glyphicon glyphicon-download-alt"></i> Download Page</a>
                    </p> -->
                </div>

            </div>
        </div>
    </div>
</div>

<!-- <div class="row">
    <div class="box col-md-4">
        <div class="box-inner homepage-box">
            <div class="box-header well">
                <h2><i class="glyphicon glyphicon-th"></i> Tabs</h2>

                <div class="box-icon">
                    <a href="#" class="btn btn-setting btn-round btn-default"><i
                            class="glyphicon glyphicon-cog"></i></a>
                    <a href="#" class="btn btn-minimize btn-round btn-default"><i
                            class="glyphicon glyphicon-chevron-up"></i></a>
                    <a href="#" class="btn btn-close btn-round btn-default"><i
                            class="glyphicon glyphicon-remove"></i></a>
                </div>
            </div>
            <div class="box-content">
                <ul class="nav nav-tabs" id="myTab">
                    <li class="active"><a href="#info">Info</a></li>
                    <li><a href="#custom">Custom</a></li>
                    <li><a href="#messages">Messages</a></li>
                </ul>

                <div id="myTabContent" class="tab-content">
                    <div class="tab-pane active" id="info">
                        <h3>Charisma
                            <small>a full featured template</small>
                        </h3>
                        <p>Its a full featured, responsive template for your admin panel. It is optimized for tablets
                            and mobile phones.</p>

                        <p>Check how it looks on different devices:</p>
                        <a href="http://www.responsinator.com/?url=usman.it%2Fthemes%2Fcharisma"
                           target="_blank"><strong>Preview on iPhone size.</strong></a>
                        <br>
                        <a href="http://www.responsinator.com/?url=usman.it%2Fthemes%2Fcharisma"
                           target="_blank"><strong>Preview on iPad size.</strong></a>
                    </div>
                    <div class="tab-pane" id="custom">
                        <h3>Custom
                            <small>small text</small>
                        </h3>
                        <p>Sample paragraph.</p>

                        <p>Your custom text.</p>
                    </div>
                    <div class="tab-pane" id="messages">
                        <h3>Messages
                            <small>small text</small>
                        </h3>
                        <p>Sample paragraph.</p>

                        <p>Your custom text.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    /span

    <div class="box col-md-4">
        <div class="box-inner">
            <div class="box-header well" data-original-title="">
                <h2><i class="glyphicon glyphicon-user"></i> Member Activity</h2>

                <div class="box-icon">
                    <a href="#" class="btn btn-minimize btn-round btn-default"><i
                            class="glyphicon glyphicon-chevron-up"></i></a>
                    <a href="#" class="btn btn-close btn-round btn-default"><i
                            class="glyphicon glyphicon-remove"></i></a>
                </div>
            </div>
            <div class="box-content">
                <div class="box-content">
                    <ul class="dashboard-list">
                        <li>
                            <a href="#">
                                <img class="dashboard-avatar" alt="Usman"
                                     src="http://www.gravatar.com/avatar/f0ea51fa1e4fae92608d8affee12f67b.png?s=50"></a>
                            <strong>Name:</strong> <a href="#">Usman
                            </a><br>
                            <strong>Since:</strong> 17/05/2014<br>
                            <strong>Status:</strong> <span class="label-success label label-default">Approved</span>
                        </li>
                        <li>
                            <a href="#">
                                <img class="dashboard-avatar" alt="Sheikh Heera"
                                     src="http://www.gravatar.com/avatar/3232415a0380253cfffe19163d04acab.png?s=50"></a>
                            <strong>Name:</strong> <a href="#">Sheikh Heera
                            </a><br>
                            <strong>Since:</strong> 17/05/2014<br>
                            <strong>Status:</strong> <span class="label-warning label label-default">Pending</span>
                        </li>
                        <li>
                            <a href="#">
                                <img class="dashboard-avatar" alt="Abdullah"
                                     src="http://www.gravatar.com/avatar/46056f772bde7c536e2086004e300a04.png?s=50"></a>
                            <strong>Name:</strong> <a href="#">Abdullah
                            </a><br>
                            <strong>Since:</strong> 25/05/2014<br>
                            <strong>Status:</strong> <span class="label-default label label-danger">Banned</span>
                        </li>
                        <li>
                            <a href="#">
                                <img class="dashboard-avatar" alt="Sana Amrin"
                                     src="http://www.gravatar.com/avatar/hash"></a>
                            <strong>Name:</strong> <a href="#">Sana Amrin</a><br>
                            <strong>Since:</strong> 17/05/2014<br>
                            <strong>Status:</strong> <span class="label label-info">Updates</span>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    /span

    <div class="box col-md-4">
        <div class="box-inner homepage-box">
            <div class="box-header well" data-original-title="">
                <h2><i class="glyphicon glyphicon-list-alt"></i> Open Source</h2>

                <div class="box-icon">
                    <a href="#" class="btn btn-minimize btn-round btn-default"><i
                            class="glyphicon glyphicon-chevron-up"></i></a>
                    <a href="#" class="btn btn-close btn-round btn-default"><i
                            class="glyphicon glyphicon-remove"></i></a>
                </div>
            </div>
            <div class="box-content">
                <h3>Charisma is Open Source</h3>
                <a class="btn btn-default center-block col-md-6" title="GitHub"
                   href="https://github.com/usmanhalalit/charisma" target="_blank"><i class="icon-edit"></i> View on
                    GitHub</a>

                <div class="clearfix"></div>
                <br>
                <ul class="github-buttons center-block">
                    <li>
                        <iframe
                            src="http://ghbtns.com/github-btn.html?user=usmanhalalit&amp;repo=charisma&amp;type=watch&amp;count=true"
                            height="20" width="100" frameborder="0" scrolling="0"></iframe>
                    </li>
                    <li>
                        <iframe
                            src="http://ghbtns.com/github-btn.html?user=usmanhalalit&amp;repo=charisma&amp;type=fork&amp;count=true"
                            height="20" width="98" frameborder="0" scrolling="0"></iframe>
                    </li>
                </ul>
                <div class="clearfix"></div>

                <div class="donate">
                    <div>
                        <small>Help development of Charisma</small>
                    </div>
                    <a class="btn btn-default" href="http://flattr.com/thing/1507720/usmanhalalitcharisma-on-GitHub"
                       target="_blank"><i class="glyphicon glyphicon-usd green"></i> Donate</a>
                </div>
                <br/>

                <p>You may like my other open source work, check my profile on <a href="http://github.com/usmanhalalit"
                                                                                  target="_blank">GitHub</a>.</p>

            </div>
        </div>
    </div>
    /span
</div>/row -->

<div class="row">
    <div class="box col-md-4">
        <div class="box-inner">
            <div class="box-header well" data-original-title="">
                <h2><i class="glyphicon glyphicon-list"></i> 项目列表</h2>

                <div class="box-icon">
                    <a href="#" class="btn btn-setting btn-round btn-default"><i
                            class="glyphicon glyphicon-cog"></i></a>
                    <a href="#" class="btn btn-minimize btn-round btn-default"><i
                            class="glyphicon glyphicon-chevron-up"></i></a>
                    <a href="#" class="btn btn-close btn-round btn-default"><i
                            class="glyphicon glyphicon-remove"></i></a>
                </div>
            </div>
            <div class="box-content">
                <ul class="dashboard-list">
                    <li>
                        <a href="#">
                            <!-- <i class="glyphicon glyphicon-arrow-up"></i>
                            <span class="green">92</span> -->
                            城市音乐节策划与运作项目
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <!-- <i class="glyphicon glyphicon-arrow-down"></i>
                            <span class="red">15</span> -->
                            大型歌剧制作与推广项目
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <!-- <i class="glyphicon glyphicon-minus"></i>
                            <span class="blue">36</span> -->
                            艺术节节目创意设计的虚拟实现项目
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <!-- <i class="glyphicon glyphicon-comment"></i>
                            <span class="yellow">45</span> -->
                            大型歌剧舞台美术设计虚拟实现项目
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <!-- <i class="glyphicon glyphicon-arrow-up"></i>
                            <span class="green">112</span> -->
                            旅游景区演出创意设计项目
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <!-- <i class="glyphicon glyphicon-arrow-down"></i>
                            <span class="red">31</span> -->
                            大型综艺晚会创意设计项目
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <!-- <i class="glyphicon glyphicon-minus"></i>
                            <span class="blue">93</span> -->
                            天津曲艺的数字技术保护与开发项目
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <!-- <i class="glyphicon glyphicon-comment"></i>
                            <span class="yellow">254</span> -->
                            民族民间艺术的市场拓展项目
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <!-- <i class="glyphicon glyphicon-comment"></i>
                            <span class="yellow">254</span> -->
                            大型纪录片编导与制作项目
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <!-- <i class="glyphicon glyphicon-comment"></i>
                            <span class="yellow">254</span> -->
                            广告宣传片设计与制作项目
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!--/span-->

    <div class="box col-md-4">
        <div class="box-inner">
            <div class="box-header well" data-original-title="">
                <h2><i class="glyphicon glyphicon-list"></i> 任务列表</h2>

                <div class="box-icon">
                    <a href="#" class="btn btn-setting btn-round btn-default"><i
                            class="glyphicon glyphicon-cog"></i></a>
                    <a href="#" class="btn btn-minimize btn-round btn-default"><i
                            class="glyphicon glyphicon-chevron-up"></i></a>
                    <a href="#" class="btn btn-close btn-round btn-default"><i
                            class="glyphicon glyphicon-remove"></i></a>
                </div>
            </div>
            <div class="box-content">
                <ul class="dashboard-list">
                    <li>
                        <a href="#">
                            <!-- <i class="glyphicon glyphicon-arrow-up"></i>
                            <span class="green">92</span> -->
                            成立项目团队
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <!-- <i class="glyphicon glyphicon-arrow-down"></i>
                            <span class="red">15</span> -->
                            立项
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <!-- <i class="glyphicon glyphicon-minus"></i>
                            <span class="blue">36</span> -->
                            项目调研
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <!-- <i class="glyphicon glyphicon-comment"></i>
                            <span class="yellow">45</span> -->
                            项目筹资
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <!-- <i class="glyphicon glyphicon-arrow-up"></i>
                            <span class="green">112</span> -->
                            谈判
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <!-- <i class="glyphicon glyphicon-arrow-down"></i>
                            <span class="red">31</span> -->
                            跑批文
                        </a>
                    </li>
                    <li>
                        <a href="#">
                           <!--  <i class="glyphicon glyphicon-minus"></i>
                            <span class="blue">93</span> -->
                            预算
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <!-- <i class="glyphicon glyphicon-comment"></i>
                            <span class="yellow">254</span> -->
                            撰写项目策划书
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <!-- <i class="glyphicon glyphicon-comment"></i>
                            <span class="yellow">254</span> -->
                           对外公布
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <!-- <i class="glyphicon glyphicon-comment"></i>
                            <span class="yellow">254</span> -->
                            前期新闻宣传
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <!-- <i class="glyphicon glyphicon-comment"></i>
                            <span class="yellow">254</span> -->
                           导赏讲座
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!--/span-->

    <div class="box col-md-4">
        <div class="box-inner">
            <div class="box-header well" data-original-title="">
                <h2><i class="glyphicon glyphicon-list"></i> 问题列表</h2>

                <div class="box-icon">
                    <a href="#" class="btn btn-setting btn-round btn-default"><i
                            class="glyphicon glyphicon-cog"></i></a>
                    <a href="#" class="btn btn-minimize btn-round btn-default"><i
                            class="glyphicon glyphicon-chevron-up"></i></a>
                    <a href="#" class="btn btn-close btn-round btn-default"><i
                            class="glyphicon glyphicon-remove"></i></a>
                </div>
            </div>
            <div class="box-content">
                <ul class="dashboard-list">
                    <li>
                        <a href="#">
                            <!-- <i class="glyphicon glyphicon-arrow-up"></i>
                            <span class="green">92</span> -->
                            红色娘子军剧目问题
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <!-- <i class="glyphicon glyphicon-arrow-down"></i>
                            <span class="red">15</span> -->
                            红色娘子军舞美问题
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <!-- <i class="glyphicon glyphicon-minus"></i>
                            <span class="blue">36</span> -->
                            天鹅湖演出问题
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <!-- <i class="glyphicon glyphicon-comment"></i>
                            <span class="yellow">45</span> -->
                            关于舞台舞美的问题
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!--/span-->
    
</div><!--/row-->

<div class="row">
    <div class="box col-md-4">
        <div class="box-inner">
            <div class="box-header well" data-original-title="">
                <h2><i class="glyphicon glyphicon-list"></i> 消息列表</h2>

                <div class="box-icon">
                    <a href="#" class="btn btn-setting btn-round btn-default"><i
                            class="glyphicon glyphicon-cog"></i></a>
                    <a href="#" class="btn btn-minimize btn-round btn-default"><i
                            class="glyphicon glyphicon-chevron-up"></i></a>
                    <a href="#" class="btn btn-close btn-round btn-default"><i
                            class="glyphicon glyphicon-remove"></i></a>
                </div>
            </div>
            <div class="box-content">
                <ul class="dashboard-list">
                    <li>
                        <a href="#">
                            <!-- <i class="glyphicon glyphicon-arrow-up"></i>
                            <span class="green">92</span> -->
                            关于项目运营情况调查
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <!-- <i class="glyphicon glyphicon-arrow-down"></i>
                            <span class="red">15</span> -->
                            在线项目执行情况调查
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!--/span-->

    <div class="box col-md-4">
        <div class="box-inner">
            <div class="box-header well" data-original-title="">
                <h2><i class="glyphicon glyphicon-list"></i> 经典剧目</h2>

                <div class="box-icon">
                    <a href="#" class="btn btn-setting btn-round btn-default"><i
                            class="glyphicon glyphicon-cog"></i></a>
                    <a href="#" class="btn btn-minimize btn-round btn-default"><i
                            class="glyphicon glyphicon-chevron-up"></i></a>
                    <a href="#" class="btn btn-close btn-round btn-default"><i
                            class="glyphicon glyphicon-remove"></i></a>
                </div>
            </div>
            <div class="box-content">
                <ul class="dashboard-list">
                    <li>
                        <a href="#">
                            <!-- <i class="glyphicon glyphicon-arrow-up"></i>
                            <span class="green">92</span> -->
                            红色娘子军舞台剧虚拟流程
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!--/span-->
</div>

    <!-- content ends -->
